@charset "utf-8";
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
input,
label,
textarea,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  font-size: 100%;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
a {
  box-sizing: border-box;
  text-decoration: none;
}
[hidden] {
  display: none;
}
body {
  margin: 0;
  padding: 0;
  font: 14px/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
  color: #fff;
  background: #16141d;
}
.container {
  position: relative;
  width: 1000px;
  min-height: 100%;
  margin: 0 auto;
  padding: 20px;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  background: #000;
  overflow: hidden;
}
.header .banner-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.header .msak {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url();
  opacity: 65%;
  mix-blend-mode: overlay;
  -webkit-mask: radial-gradient(51.31% 143.89% at 49.99% 24.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%), linear-gradient(180deg, #000000 90%, rgba(0, 0, 0, 0) 100%);
  mask: radial-gradient(51.31% 143.89% at 49.99% 24.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%), linear-gradient(180deg, #000000 90%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-composite: source-in;
  mask-composite: source-in;
}
.header .ctr-msak {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: 0px;
  margin-right: 0px;
  -webkit-mask: linear-gradient(180deg, black 58%, rgba(0, 0, 0, 0) 95%), radial-gradient(15.77% 44.22% at 50% 104.95%, rgba(66, 66, 66, 0) 0%, #333333 100%), radial-gradient(30.95% 86.8% at 30.69% 13.2%, rgba(66, 66, 66, 0.33) 0%, #333333 100%), radial-gradient(51.31% 143.89% at 49.99% 24.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%);
  mask: linear-gradient(180deg, black 58%, rgba(0, 0, 0, 0) 95%), radial-gradient(15.77% 44.22% at 50% 104.95%, rgba(66, 66, 66, 0) 0%, #333333 100%), radial-gradient(30.95% 86.8% at 30.69% 13.2%, rgba(66, 66, 66, 0.33) 0%, #333333 100%), radial-gradient(51.31% 143.89% at 49.99% 24.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%);
  -webkit-mask-composite: source-in;
  mask-composite: source-in;
  z-index: 2;
}
.header .banner-row {
  position: relative;
  padding-top: 30px;
  z-index: 10;
}
.header .banner-content {
  position: absolute;
  bottom: 180px;
  z-index: 20;
  color: rgba(255, 255, 255, 0.45);
}
.header .banner-content h2 {
  font-size: 24px;
  line-height: 1.16;
  margin-bottom: 15px;
}
.header .banner-content h2 span {
  color: #fff;
  opacity: 0.85;
}
.header .banner-content p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
}
.logo {
  position: relative;
  width: 30px;
  height: 30px;
  background: url(../image/logo.svg) no-repeat center / contain;
  opacity: 0.7;
}
.logo .point {
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  top: 17px;
  left: 17px;
  border-radius: 50%;
  background: #f84f4f;
}
